h1,
h2,
h3,
h4,
h5,
p {
  transition: all 0.5s;
}
.ovh {
  overflow: hidden;
}
.content {
  max-width: 1520px;
  width: 90%;
  margin: 0 auto;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 99;
  transition: all 0.5s;
}
header .content {
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .content .header-blank {
  height: 0;
  width: 8.553%;
}
header .content .logo {
  position: relative;
  left: -100px;
  opacity: 0;
}
header .content .lv1 {
  flex: 1;
  display: flex;
  justify-content: space-between;
  position: relative;
  left: 100px;
  opacity: 0;
}
header .content .lv1 > li {
  line-height: 79px;
  position: relative;
}
header .content .lv1 > li > a {
  font-size: 16px;
  color: #fff;
  transition: all 0.5s;
}
header .content .lv1 > li > a:hover {
  color: #1d9946;
}
header .content .lv1 > li::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0%;
  height: 2px;
  background-color: #1d9946;
  opacity: 0;
  transition: all 0.5s;
}
header .content .lv1 li:hover::after {
  width: 100%;
  opacity: 1;
}
header .content .lv1 .active > a {
  color: #1d9946;
}
header .content .lv1 .active::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: 2px;
  background-color: #1d9946;
  opacity: 1;
}
header .content .lv1 > div {
  display: flex;
  align-items: center;
}
header .content .lv1 > div form {
  position: relative;
}
header .content .lv1 > div form input {
  width: 193px;
  height: 35px;
  background: rgba(255, 255, 255, 0.5);
  color: #333;
  padding: 0 15px;
  border-radius: 17.5px;
  outline: none;
}
header .content .lv1 > div form input::placeholder {
  color: #b5b4b4;
}
header .content .lv1 > div form button {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  background-color: transparent;
  color: #1d9946;
  cursor: pointer;
}
.mv-header {
  background: rgba(0, 0, 0, 0.7);
}
.mv-header .content .lv1 form input {
  color: #fff;
}
.mv-header .content .lv1 form input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.inner-banner img {
  min-height: 150px;
  object-fit: cover;
}
.bread-crumb {
  background-color: #ececec;
}
.bread-crumb .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  color: #666;
}
.bread-crumb .content .icon-home3 {
  color: #1d9946;
}
.bread-crumb .content a {
  color: #666;
}
.bread-crumb .content a:hover {
  color: #1d9946;
}
.bread-crumb .content ul {
  display: flex;
}
.bread-crumb .content ul li {
  width: 145px;
  line-height: 63px;
  text-align: center;
  border-left: 1px solid #dee5ff;
}
.bread-crumb .content ul li a {
  font-size: 16px;
  color: #000;
}
.bread-crumb .content ul li a:hover {
  color: #1d9946;
}
.bread-crumb .content ul li:nth-child(1) {
  border-left: 0px;
}
.bread-crumb .content ul .act {
  background-color: #1d9946;
  border-left: 0px;
}
.bread-crumb .content ul .act a {
  color: #fff;
}
.bread-crumb .content ul .act a:hover {
  color: #fff;
}
.contact {
  margin: 65px 0 85px;
}
.contact .info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 9.54% 0 15.79%;
  margin-bottom: 25px;
}
.contact .info ul li {
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
}
.contact .map {
  width: 100%;
  height: 450px;
  margin-bottom: 58px;
}
.contact .map iframe {
  width: 100%;
  height: 100%;
}
.contact .ewm ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.contact .ewm ul li img {
  display: inline-block;
  width: 165px;
  height: 165px;
  margin-bottom: 10px;
}
.contact .ewm ul li p {
  text-align: center;
  font-size: 20px;
  color: #333;
}
.inner-title {
  text-align: center;
  margin-bottom: 60px;
}
.inner-title h2 {
  font-size: 36px;
  color: #000;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
}
.inner-title h3 {
  font-size: 30px;
  color: #000;
  font-weight: 400;
  line-height: 1;
}
footer {
  background-color: #111;
}
footer .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 55px 0 50px;
}
footer .top em {
  width: 1px;
  height: 77px;
  background-color: rgba(255, 255, 255, 0.3);
}
footer .top .lt {
  align-self: flex-start;
}
footer .top .lt ul h4 {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 15px;
}
footer .top .lt ul li {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
}
footer .top .mid {
  align-self: flex-start;
  width: 30.59%;
}
footer .top .mid ul {
  display: flex;
  flex-wrap: wrap;
}
footer .top .mid ul h4 {
  width: 100%;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 15px;
}
footer .top .mid ul li {
  width: 25%;
}
footer .top .mid ul li a {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
}
footer .top .mid ul li a:hover {
  color: #ffffff;
}
footer .top .rt {
  align-self: flex-start;
}
footer .top .rt h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 400;
}
footer .top .rt .letter {
  width: 200px;
  height: 40px;
  background-color: #999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
  margin: 10px 0 25px;
}
footer .top .rt p {
  font-size: 18px;
  color: #fff;
  letter-spacing: 1px;
  text-align: right;
}
footer .top .rt p i {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  line-height: 30px;
  text-align: center;
  background-color: #333;
}
footer .top .rt p i .icon-phone {
  color: #fff;
}
footer .bt {
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
footer .bt .content {
  display: flex;
  justify-content: space-between;
}
footer .bt span {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
footer .bt a {
  color: rgba(255, 255, 255, 0.6);
}
footer .bt a:hover {
  color: #ffffff;
}
.list {
  margin: 85px 0 105px;
}
.list .row {
  border-bottom: 1px solid #ebebeb;
}
.list .row .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.list .row .content .block {
  width: 46.711%;
  padding: 45px 0 50px;
}
.list .row .content .block a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list .row .content .block a .pic {
  width: 128px;
  height: 128px;
  overflow: hidden;
}
.list .row .content .block a .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.list .row .content .block a .title {
  flex: 1;
  margin-left: 44px;
  font-size: 26px;
  line-height: 1.6;
  color: #333;
  transition: all 0.5s;
}
.list .row .content .block:hover a .title {
  color: #1d9946;
}
.list .row .content .recruit {
  padding: 20px 0;
}
.list .row .content .recruit .title {
  font-size: 26px;
  line-height: 2;
  color: #333;
  transition: all 0.5s;
  border-bottom: 1px solid #ededed;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.list .row .content .recruit .recruit-content {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
}
.list .row .content .cert {
  width: 30%;
  margin-bottom: 30px;
  background-color: #f9f9f9;
}
.list .row .content .cert .pic {
  width: 100%;
  height: 400px;
  text-align: center;
  padding: 20px 0;
  border: 2px solid #f0f0f0;
  background-color: #fff;
  overflow: hidden;
}
.list .row .content .cert .pic img {
  max-height: 100%;
}
.list .row .content .cert .title {
  text-align: center;
  padding: 20px 20px;
  background-color: #f9f9f9;
  color: #666;
  transition: all .5s;
}
.list .row .content .cert .title p {
  color: #666;
  font-size: 14px;
  transition: all .5s;
}
.list .row .content .cert:hover .title {
  background-color: #1d9946;
}
.list .row .content .cert:hover .title p {
  color: #fff;
}
.list .row .content .cert-blank {
  height: 0;
  margin: 0;
}
.box {
  width: 100%;
  text-align: center;
  margin-top: 100px;
}
.pagination {
  display: flex !important;
  text-align: center;
  justify-content: center;
  flex-wrap: wrap;
}
.pagination > li a {
  display: block;
  padding: 0px 10px;
  border: 1px solid #ccc;
  margin: 0px 3px;
  color: #666;
}
.pagination .active a {
  color: #fff;
  background-color: #1d9946;
  border: 1px solid transparent;
}
.pagination .active a:hover {
  color: #fff;
}
.pagination li a {
  color: #666;
}
.pagination li a:hover {
  color: #1d9946;
}
.detail {
  margin: 80px 0 200px;
}
.detail p {
  font-size: 18px;
  color: #333;
  text-align: justify;
}
.detail img {
  /*margin-bottom: 30px;*/
  max-width: 48.882%;
}
.detail table {
    max-width: 100%;
    text-align: center !important;
}
.banner {
  position: relative;
  bottom: 0;
}
.banner .swiper-pagination {
  position: absolute;
  width: auto;
  display: inline-block;
  bottom: 25px;
  left: 14.5833%;
}
.banner .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #22ac50;
  margin: 0 23px 0 0 !important;
}
.banner .swiper .swiper-slide {
  position: relative;
}
.banner .swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.banner .swiper .swiper-slide .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%);
}
.banner .swiper .swiper-slide .content h2 {
  font-size: 30px;
  font-weight: 400;
  color: #fff;
}
.banner .swiper .swiper-slide .content h1 {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
  margin: 20px 0 10px;
}
.banner .swiper .swiper-slide .content h4 {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}
.banner .swiper .swiper-slide .content a {
  display: block;
  width: 114px;
  font-size: 18px;
  line-height: 40px;
  border-radius: 7px;
  border: 1px solid #a6a6a6;
  text-align: center;
  color: #fff;
  margin-top: 60px;
}
.intro {
  margin: 3.9% 0 4.1%;
}
.intro .pic {
  width: 41.12%;
  float: left;
  margin-right: 45px;
  overflow: hidden;
}
.intro .pic img {
  transition: all .5s;
}
.intro .pic:hover img {
  transform: scale(1.05);
}
.intro .text {
  margin-bottom: 40px;
}
.intro .text h2 {
  font-size: 28px;
  font-weight: 700;
  color: #666;
  line-height: 1.1;
}
.intro .text em {
  display: inline-block;
  width: 52px;
  height: 5px;
  background-color: #941c1c;
  margin: 10px 0;
}
.intro .text h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 28px;
  color: #941c1c;
  line-height: 1;
  margin-bottom: 40px;
}
.intro .text h3 a {
  display: inline-block;
  width: 118px;
  line-height: 40px;
  background-color: #941c1c;
  color: #fff;
  text-align: center;
  font-size: 18px;
}
.intro .text div p {
  font-size: 18px;
  color: #333;
  text-align: justify;
  line-height: 1.8;
}
.intro .brief {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.intro .brief .lt {
  width: 50%;
}
.intro .brief .lt ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.intro .brief .lt ul li {
  width: 50%;
  position: relative;
  color: #333;
  font-size: 18px;
  padding-left: 26px;
  line-height: 1.8;
}
.intro .brief .lt ul li::before {
  content: '';
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #33cc66;
  top: 12px;
  left: 0;
}
.intro .brief .lt p {
  line-height: 1.6;
  font-size: 16px;
  color: #333;
}
.intro .brief .rt {
  width: 50%;
}
.intro .brief .rt .picture {
  width: 100%;
  overflow: hidden;
}
.intro .brief .rt .picture img {
  transition: all .5s;
}
.intro .brief .rt .picture:hover img {
  transform: scale(1.05);
}
.index-title {
  text-align: center;
  width: 100%;
  margin-bottom: 3.125%;
}
.index-title h2 {
  font-size: 28px;
  color: #333;
  line-height: 1;
  margin-bottom: 20px;
}
.index-title h4 {
  font-size: 18px;
  color: #666;
  line-height: 1;
}
.index-title h3 {
  font-size: 18px;
  color: #666;
}
.index-prod {
  padding: 50px 0 100px;
  background-color: #f7f7f7;
}
.index-prod section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index-prod section .block {
  width: 48.03%;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 0 0 7px 7px;
}
.index-prod section .block .pic {
  width: 100%;
  height: 0;
  padding-bottom: 64.4%;
  position: relative;
  overflow: hidden;
}
.index-prod section .block .pic img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}
.index-prod section .block:hover .pic img {
  transform: scale(1.05);
}
.index-prod section .block .prod-cate {
  position: relative;
  padding: 20px 80px 45px;
  z-index: 1;
}
.index-prod section .block .prod-cate h3 {
  font-size: 24px;
  font-weight: 700;
  color: #941c1c;
  text-align: center;
}
.index-prod section .block .prod-cate em {
  display: block;
  width: 68px;
  height: 4px;
  background-color: #880202;
  margin: 0 auto 50px;
}
.index-prod section .block .prod-cate ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index-prod section .block .prod-cate ul li {
  position: relative;
  min-width: 50%;
  padding-left: 28px;
  line-height: 1.6;
}
.index-prod section .block .prod-cate ul li a {
  font-size: 18px;
  color: #333;
}
.index-prod section .block .prod-cate ul li::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #feb64a;
}
.index-prod section .block .prod-cate .leaf {
  position: absolute;
  top: 25px;
  left: 55px;
  z-index: -1;
}
.index-prod section .block .prod-cate .more {
  position: relative;
  display: block;
  width: 410px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  color: #941c1c;
  font-size: 18px;
  border: 1px solid #941c1c;
  margin: 80px auto 0;
  z-index: 1;
  transition: all 0.5s;
  overflow: hidden;
}
.index-prod section .block .prod-cate .more::after {
  content: '';
  position: absolute;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #941c1c;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0) skewX(-45deg);
  transition: all 0.5s;
  z-index: -1;
}
.index-prod section .block .prod-cate .more:hover {
  color: #fff;
}
.index-prod section .block .prod-cate .more:hover::after {
  width: 100%;
  transform: translate(-50%, 0) skewX(0);
}
.history {
  margin: 4.1% 0 4.6%;
}
.history .index-title {
  margin-bottom: 2.6%;
}
.history .index-title h4 {
  font-size: 16px;
}
.history .history-list {
  padding: 35px 0 0 25px;
}
.history .history-list p {
  font-size: 18px;
  color: #333;
}
.history .history-list span {
  font-weight: 700;
}
.qualification {
  padding: 3.125% 0 6%;
  background-color: #f7f7f7;
}
.qualification h1 {
  font-size: 28px;
  font-weight: 700;
  color: #585757;
  line-height: 1.2;
  margin: 0;
}
.qualification h3 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 28px;
  color: #880202;
}
.qualification h3 a {
  display: block;
  width: 118px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #941c1c;
  font-size: 18px;
}
.qualification em {
  display: block;
  width: 52px;
  height: 5px;
  background-color: #880202;
  margin: 5px 0 35px;
}
.qualification p {
  font-size: 18px;
  color: #333;
}
.qualification .qual-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 30px;
}
.qualification .qual-wrapper .lt ul {
  padding-left: 55px;
}
.qualification .qual-wrapper .lt ul li {
  position: relative;
  font-size: 18px;
  color: #333;
  padding-left: 30px;
  margin-bottom: 15px;
}
.qualification .qual-wrapper .lt ul li::before {
  content: '';
  display: block;
  position: absolute;
  top: 14px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #33cc66;
}
.qualification .qual-wrapper .rt {
  width: 50%;
}
.qualification .qual-wrapper .rt .pic {
  overflow: hidden;
}
.qualification .qual-wrapper .rt .pic img {
  transition: all .5s;
}
.qualification .qual-wrapper .rt .pic:hover img {
  transform: scale(1.05);
}
.join {
  margin: 80px 0 70px;
}
.join .more {
  display: block;
  width: 285px;
  height: 75px;
  line-height: 75px;
  background-color: #941c1c;
  text-align: center;
  color: #fff;
  font-size: 18px;
  margin: 4.7% auto 0;
}
.join-swiper .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0;
}
.join-swiper .swiper-slide {
  text-align: center;
  background: #dedede;
  border: 5px solid #ce7c00;
  height: calc((100% - 30px) / 2);
  transition: all .5s;
}
.join-swiper .swiper-slide .pic {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 67.44681%;  
}
.join-swiper .swiper-slide:hover {
  transform: translate(0, -10px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
.join-swiper .swiper-slide .pic img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case .case-title {
  padding-top: 60px;
  border-top: 1px solid #d8d8d8;
}
.case .case-tab {
  width: 100%;
  background-color: #1d9946;
}
.case .case-tab ul {
  display: flex;
}
.case .case-tab ul li {
  width: 50%;
  line-height: 60px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
}
.case .case-tab ul .act {
  background-color: #ffaa00;
}
.case .case-content {
  position: relative;
}
/* .case .case-content img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  transform: scale(0.5);
  transition: all 1s;
}
.case .case-content .act {
  position: relative;
  opacity: 1;
  transform: scale(1);
  z-index: 1;
} */
.mb-tab {
  margin-top: 30px;
  display: none;
}
.mb-tab ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mb-tab ul li {
  width: 49%;
  text-align: center;
  line-height: 50px;
  background-color: #ececec;
  margin-bottom: 5px;
}
.mb-tab ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 16px;
}
.mb-tab ul .act {
  background-color: #1d9946;
}
.mb-tab ul .act a {
  color: #fff;
}
/* .pc-img {
  display: block;
  width: 80%;
  margin: 0 auto;
} */
.tech .content {
  padding: 3.64% 0 5.73%;
  border-bottom: 1px solid #d8d8d8;
}
.tech .pic {
  margin-bottom: 2.1%;
}
.tech .tech-list {
  overflow: hidden;
}
.tech .tech-list p {
  font-size: 18px;
}
.tech .tech-list span {
  color: #941c1c;
}
.tech .tech-list .learn-more {
  float: right;
  margin-top: 20px;
}
.learn-more {
  display: block;
  width: 118px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #941c1c;
  font-size: 18px;
}
.learn-more:hover {
  color: #fff;
}
.tech-from {
  margin: 3.65% 0 6.51%;
}
.tech-from .tech-intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.tech-from .tech-intro .lt {
  width: 28.75%;
  overflow: hidden;
}
.tech-from .tech-intro .lt img {
  transition: all .5s;
}
.tech-from .tech-intro .lt:hover img {
  transform: scale(1.05);
}
.tech-from .tech-intro .rt {
  width: 68.1%;
}
.tech-from .tech-intro .rt p {
  font-size: 18px;
  color: #333;
  line-height: 2.4;
}
.tech-from .tech-brief {
  margin-top: 75px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.tech-from .tech-brief .lt {
  width: 50%;
  font-size: 18px;
  color: #3f3e3e;
}
.tech-from .tech-brief .lt .learn-more {
  margin-top: 70px;
}
.tech-from .tech-brief .rt {
  width: 50%;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.tech-from .tech-brief .rt img {
    width: 50%;
}
.adv {
  padding: 4% 0;
  background-color: #f7f7f7;
}
.adv .pic {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}
.adv .pic .lt,
.adv .pic .rt {
  width: 49%;
}
.adv .adv-p p {
  font-size: 18px;
  color: #333;
  line-height: 1.6;
}
.market {
  padding: 4% 0;
  border: 1px solid #ececec;
}
.market .pic {
  margin-bottom: 3.125%;
}
.market .market-case {
  text-align: center;
}
.market .market-case h3 {
  display: inline-block;
  font-size: 24px;
  color: #3f3e3e;
  position: relative;
  padding-left: 50px;
}
.market .market-case h3::before {
  content: '';
  display: block;
  position: absolute;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: #33cc66;
  top: 16px;
  left: 0;
}
.market .market-case p {
  font-size: 18px;
  color: #3f3e3e;
}
.more-large {
  display: block;
  width: 284px;
  line-height: 75px;
  text-align: center;
  background-color: #941c1c;
  color: #fff;
  font-size: 18px;
  margin: 5.2% auto 0;
}
.more-large:hover {
  color: #fff;
}
.carbon {
  padding: 3.125% 0;
  border-bottom: 1px solid #ececec;
}
.carbon .carbon-intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.carbon .carbon-intro .lt {
  width: 49.21%;
  overflow: hidden;
}
.carbon .carbon-intro .lt img {
  transition: all .5s;
}
.carbon .carbon-intro .lt:hover img {
  transform: scale(1.05);
}
.carbon .carbon-intro .rt {
  width: 46.71%;
}
.carbon .carbon-intro .rt p {
  font-size: 18px;
  color: #333;
  position: relative;
  padding-left: 40px;
}
.carbon .carbon-intro .rt p::before {
  position: absolute;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #33cc66;
  top: 14px;
  left: 0;
}
.carbon .carbon-p p {
  font-size: 18px;
  color: #333;
}
.leader {
  margin: 3.125% 0 4.167%;
}
.leader .leader-intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.leader .leader-intro .lt {
  width: 59.342%;
}
.leader .leader-intro .lt p {
  font-size: 18px;
  color: #333;
  line-height: 2;
}
.leader .leader-intro .rt {
  width: 36.25%;
  overflow: hidden;
}
.leader .leader-intro .rt img {
  transition: all .5s;
}
.leader .leader-intro .rt:hover img {
  transform: scale(1.05);
}
.leader .leader-wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.leader .leader-wrapper .leader-block {
  width: 23.6842%;
  margin-top: 60px;
}
.leader .leader-wrapper .leader-block .pic {
  width: 100%;
  height: 0;
  padding-bottom: 52.778%;
  position: relative;
  transition: all .5s;
}
.leader .leader-wrapper .leader-block .pic:hover {
  transform: translate(0, -10px);
}
.leader .leader-wrapper .leader-block .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  transition: all .5s;
}

.leader .leader-wrapper .leader-block p {
  text-align: center;
  font-size: 18px;
  color: #333;
}
.pro {
  padding: 3.6% 0 5.21%;
  background-color: #f7f7f7;
  overflow: hidden;
}
.pro .index-title h4 {
  margin-bottom: 20px;
}
.pro .index-title h3 {
  font-size: 18px;
}
.pro .pro-intro {
  font-size: 18px;
  line-height: 1.6;
}
.pro .pro-intro h4 {
  color: #941c1c;
}
.pro .pro-intro p {
  color: 3f3e3e;
}
.pro .learn-more {
  float: right;
  margin-top: 3.125%;
}
.case-content {
  margin: 3.125% auto 6.125%;
}
.case-content .case-block {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  transform: scale(0.5);
  transition: all 1s;
}
.case-content .case-block > h3 {
  font-size: 18px;
  color: #333;
}
.case-content .case-block .coop-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 0 25px;
  border-bottom: 1px solid #eaeaea;
}
.case-content .case-block .coop-list li {
  width: 20%;
  display: flex;
  align-items: center;
  height: 65px;
}
.case-content .case-block .coop-list li img {
  max-height: 100%;
}
.case-content .case-block .case-proj {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2.6%;
}
.case-content .case-block .case-proj div {
  width: 23%;
}
.case-content .case-block .case-proj h3 {
  font-size: 28px;
  color: #333;
  font-weight: 700;
  line-height: 1.5;
}
.case-content .case-block .case-proj h4 {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
}
.case-content .case-block .case-proj em {
  display: block;
  width: 45px;
  height: 2px;
  background-color: #333;
  margin: 20px 0 45px;
}
.case-content .case-block .case-proj ul {
  width: 100%;
}
.case-content .case-block .case-proj ul li {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 54.286%;
  margin-bottom: 10px;
  overflow: hidden;
}
.case-content .case-block .case-proj ul li img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}
.case-content .case-block .case-proj ul li:hover img {
  transform: scale(1.05);
}
/* .case-content .case-block .case-proj ul li:not(:hover) img {
  filter: blur(5px);
} */
.case-content .case-block .case-proj ul li span {
  position: absolute;
  font-size: 16px;
  color: #fff;
  left: 18px;
  bottom: 10px;
}
.case-content .act {
  position: relative;
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}
.green {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 70px;
    z-index: -1;
}
.chnenv {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}